<%-- 
    Document   : modificandoHorario
    Created on : 10-feb-2011, 13:10:53
    Author     : josmary
--%>
<% String id = (String) request.getParameter("id");%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@ taglib uri="http://struts.apache.org/tags-bean" prefix="bean" %>
<%@ taglib uri="http://struts.apache.org/tags-html" prefix="html" %>
<%@ taglib uri="http://struts.apache.org/tags-logic" prefix="logic" %>

<% request.setAttribute("allowed", "Gestionar Horarios"); %>
<%@ include file='../Templates/security.jsp' %>

<h1 class="title">Gestión de Horarios</h1>
<p class="meta"></p>
<h2>Modificar Horario</h2>
<div class="entry">
    <center>
        <html:form action="/modificarHorario"
                   styleId="modificarHorarioForm"
                   onsubmit="return sendForm('modificarHorarioForm','modificarHorario','center');" >

            <html:hidden property="id" styleId="idHorario" value=""></html:hidden>
                <table  align="center" border="0">
                <tr>
                    <td>Hora de Inicio:</td>
                    <td><html:select property="hora_inicio" styleId="horaI">
                            <%  /* Llena el dropdown de las horas
                                         */
                                        for (int i = 1; i < 13; i++) {
                                            String valor = String.valueOf(i);
                                            if (i < 10) {
                                                valor = "0" + valor;
                                            }%>
                            <html:option value="<%= valor%>"><%= valor%></html:option>
                            <%}%>
                        </html:select>
                        :
                        <html:select property="minutos_inicio" styleId="minutoI">
                            <%  /* Llena el dropdown de los minutos
                                         */
                                        for (int i = 0; i < 60; i++) {
                                            String valor = String.valueOf(i);
                                            if (i < 10) {
                                                valor = "0" + valor;
                                            }%>
                            <html:option value="<%= valor%>"><%= valor%></html:option>
                            <%}%>
                        </html:select>
                        <html:select property="meridiano_inicio" styleId="meridianI">
                            <html:option value="AM">AM</html:option>
                            <html:option value="PM">PM</html:option>
                        </html:select>
                    </td>
                </tr>
                <br>
                <tr>
                    <td>Hora de Fin:</td>
                    <td><html:select property="hora_fin" styleId="horaF">
                            <%  /* Llena el dropdown de las horas
                                         */
                                        for (int i = 1; i < 13; i++) {
                                            String valor = String.valueOf(i);
                                            if (i < 10) {
                                                valor = "0" + valor;
                                            }%>
                            <html:option value="<%= valor%>"><%= valor%></html:option>
                            <%}%>
                        </html:select>
                        :
                        <html:select property="minutos_fin" styleId="minutoF">
                            <%  /* Llena el dropdown de los minutos
                                         */
                                        for (int i = 0; i < 60; i++) {
                                            String valor = String.valueOf(i);
                                            if (i < 10) {
                                                valor = "0" + valor;
                                            }%>
                            <html:option value="<%= valor%>"><%= valor%></html:option>
                            <%}%>
                        </html:select>
                        <html:select property="meridiano_fin" styleId="meridianF">
                            <html:option value="AM">AM</html:option>
                            <html:option value="PM">PM</html:option>
                        </html:select>
                    </td>
                </tr>
            </table><br>
            <html:submit value="  Modificar Horario  "/>
            <html:button property="" styleId="backHorarios" value="  Atr&aacute;s  "/>
        </html:form>
        <br>
        <html:errors property = "horario_actualizado"/>
    </center>
</div>
<script type="text/javascript">
    $(function(){
        consultarHorarios(<%out.print("'" + id + "'");%>);
    });

    $('#backHorarios').click(horariosC);
    
    function consultarHorarios(idHorario){
        limit = $('#limit').val();
        $.ajax({
            method: "POST",
            url:"consultarHorarios.do?id="+idHorario,
            dataType: "json",
            success: processConsultaHorarios
        });
    }

    function processConsultaHorarios(data){
        if(data.error){
            actionError(data.error);
            return;
        }
        if(!(horario = data.Horarios[0])) {
            alert("El horario no puede ser modificado");
            horariosC();
        } else {
            $('#idHorario').val(horario.id);
            inicio = horario.inicio.split(/[: ]/);
            fin = horario.fin.split(/[: ]/)
            $('#horaI').val(inicio[0]);
            $('#minutoI').val(inicio[1]);
            $('#meridianI').val(inicio[2].toUpperCase());
            $('#horaF').val(fin[0]);
            $('#minutoF').val(fin[1]);
            $('#meridianF').val(fin[2].toUpperCase());
        }
    }
</script>
